<template>
	<view class="">
		<view class="pop_box">
			<view class="pop_text">今日产品额度已满</view>
			<view class="pop_title">为您推荐以下同类产品</view>
			<view class="pop_list">
				<view class="pop_item" :class="{ 'u-border-bottom': item == 1 }" v-for="item in 2" :key="item">
					<view class="item_img"></view>
					<view class="item_content">
						<view class="title u-line-1">产品名称产品名称产品名称产品名称产品名称</view>
						<view class="dec">
							<view class="dec_icon">￥</view>
							<view class="dec_text u-line-1">最高额度20万</view>
						</view>
					</view>
					<view class="item_btn">立即申请</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {}
	},
	computed: {},
	watch: {},
	onLoad() {},
	onShow() {},
	onReady() {},
	// 方法集合
	methods: {},
	onHide() {},
	onUnload() {}
}
</script>
<style lang="scss" scoped>
.pop_box {
	padding: 24rpx;
	width: 606rpx;
	height: 600rpx;
	box-sizing: border-box;
	.pop_text {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
		text-align: center;
		margin-top: 72rpx;
	}
	.pop_title {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #3478f2;
		text-align: center;
		margin-top: 12rpx;
		margin-top: 12rpx;
	}
	.pop_list {
		padding: 24rpx;
		margin-top: 48rpx;
		.pop_item {
			display: flex;
			align-items: center;
			padding: 40rpx 0;
			.item_btn {
				width: 152rpx;
				height: 56rpx;
				line-height: 56rpx;
				text-align: center;
				background: linear-gradient(270deg, #0481fe 0%, #40c5fe 100%);
				border-radius: 70rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #ffffff;
			}
			.item_content {
				width: 250rpx;
				margin-left: 20rpx;
				.title {
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #333333;
				}
				.dec {
					margin-top: 6rpx;
					display: flex;
					align-items: center;
					.dec_icon {
						width: 28rpx;
						height: 28rpx;
						line-height: 28rpx;
						text-align: center;
						background: #ffb341;
						border-radius: 50%;
						font-size: 20rpx;
						color: #fff;
					}
					.dec_text {
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #fc1f1f;
						margin-left: 8rpx;
					}
				}
			}
			.item_img {
				width: 100rpx;
				height: 100rpx;
				background: #3478f2;
				border-radius: 16rpx;
			}
		}
	}
}
</style>
